.switch {display: inline-block; position: relative;border-radius: 5rem; left: 33%;}
.switch label {	width: 100%;height: 100%;margin: 0;padding: 0;	display: block;	position: absolute;	top: 0;	left: 0;z-index: 10;}
.switch input {	display: none;}
.switch span {	display: block;-webkit-transition: top 0.2s;-moz-transition: top 0.2s;-ms-transition: top 0.2s;	-o-transition: top 0.2s;transition: top 0.2s;}
.switch-border1 {border-radius: 50%;}
.switch-border2 {width: 3.4rem;	height: 1.8rem;
    position: relative;
    background: #ffffff;
    border: 1px solid #c9c9c9;
    border-radius: 1rem;}
.switch-handle-top {width: 1.6rem;
    height: 1.6rem;position: absolute;	top: 0.1rem;	left: 0.2rem;
    z-index: 4;
    background-color: #555;
    background-image: -webkit-gradient(linear, left top, right top, from(#FFF), to(#FFF));
    background-image: -webkit-linear-gradient(left, #FFF, #FFF);
    background-image: -moz-linear-gradient(left, #FFF, #FFF);
    background-image: -ms-linear-gradient(left, #FFF, #FFF);
    background-image: -o-linear-gradient(left, #FFF, #FFF);
    background-image: linear-gradient(to right, #FFF, #FFF);
    border: 1px solid #c9c9c9;
    border-radius: 50%;}
.switch input:checked~.switch-handle-top {top: 0.1rem;left: 1.6rem;border-top: 0.2rem; border: 1px solid #e4e4e4; }
.switch input:checked~.switch-border2 { background: #4bd863; }